<template>

    <div>
        <img width="100%" height="180px"
            src="https://img2.baidu.com/it/u=3565369971,2082314928&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1735232400&t=9e7deaf08e6ebe2b0ddf767f4a98e2ec"
            alt="">
        <br>
        <br>
        <hr>
        <div>
            <p>
                ￥
                <span style="font-size: 25px;"><b>19.58</b></span> <span style="color: red;background: pink;">7折</span>
            </p>
            <p>
                阿斯蒂芬规划局可阿道夫更好是否更多的
            </p>
            <br>
            <br>
            <hr>
            <br>
            <br>
            <p>
                <span style="color: #555;">选择</span> <span>规格</span>
            </p>
            <br>
            <br>
            <p>
                <span style="color: #777;">免邮费</span>
            </p>
            <br>
            <br>
            <p><span style="color: #777;">服务 </span>  <span>72小时发货</span> </p> 
        </div>

    </div>
    <van-action-bar>
        <van-action-bar-icon icon="chat-o" text="客服"  />
        <van-action-bar-icon icon="cart-o" text="购物车"  />
        <van-action-bar-icon icon="shop-o" text="店铺" />
        <van-action-bar-button type="warning" @click="push" text="加入购物车" />
        <van-action-bar-button type="danger" text="立即购买" />
    </van-action-bar>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const router =new useRouter();
const push=()=>{
    router.push({
        path:"/cart",
    })
}
</script>

<style lang="scss" scoped></style>